<template>
  <div id="root">
    <div class="todo-container">
      <div class="todo-wrap">
        <todo-header></todo-header>
        <todo-list></todo-list>
        <todo-footer></todo-footer>
      </div>
    </div>
  </div>
</template>

<script>
import TodoFooter from "./components/TodoFooter";
import TodoHeader from "./components/TodoHeader";
import TodoList from "./components/TodoList";

export default {
  name: "App",
  components: {
    TodoFooter,
    TodoHeader,
    TodoList
  },
  methods:{



    clearAllComplete(){
     //this.todos=this.todos.filter(todo=>todo.complete==false);
    }
  }
}
</script>

<style scoped>

</style>
